Playwright HTML Report

Project
Release
Test Environment
Execution Start Time	Thu, 16 Nov 2023 20:14:48 GMT
Execution End Time	Thu, 16 Nov 2023 20:14:59 GMT
Total Execution Time	11s

Filename	Tests	Execution Time	Passed	Failed	Timed Out	Skipped	Interrupted
E2E/first.spec.ts	1	10s	0 (0%)	1 (100%)	0 (0%)	0 (0%)	0 (0%)

Browser	Tests	Execution Time	Passed	Failed	Timed Out	Skipped	Interrupted
e2e	1	10s	0 (0%)	1 (100%)	0 (0%)	0 (0%)	0 (0%)

Title Status File Browser Duration Details

Test Case 1: Register User

failed

E2E/first.spec.ts

e2e

10s 131ms

Filename	E2E/first.spec.ts
Browser	e2e
Execution Start Time	Thu, 16 Nov 2023 20:14:48 GMT
Total Execution Time	10s 131ms

Error: expect(received).toEqual(expected) // deep equality

Expected: true
Received: false
    at /home/runner/work/playwright_automation_showcase/playwright_automation_showcase/Services/AutomationPractice.ts:139:21
    at AutomationPractice.registerUser (/home/runner/work/playwright_automation_showcase/playwright_automation_showcase/Services/AutomationPractice.ts:96:5)
    at /home/runner/work/playwright_automation_showcase/playwright_automation_showcase/tests/E2E/first.spec.ts:46:5

      await this.clickElement(this.deleteAccountBtn);
      await this.waitForElement(this.accountDeletedText);
      await this.clickElement(this.continueBtn);

      expect(false).toEqual(true);
    });
  };

};


  test.beforeAll(async () => {
    console.log(process.env.ENV_NAME)

  public async registerUser(params: RegisterUserParams) {
    await test.step(`Register new user`, async () => {
      await this.openUrl(params.url);

  public async openUrl(url: string) {
    await test.step(`Navigate to URL: '${url}'`, async () => {
      await this.page.goto(url);

    await test.step(`Navigate to URL: '${url}'`, async () => {
      await this.page.goto(url);
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async checkElementAttribute(locator: string, attr: string, value: string) {
    await test.step(`Get attribute: '${attr}' from element: '${locator}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      const attribute = await selector.getAttribute(attr);
      await expect(attribute).toEqual(value);

      const attribute = await selector.getAttribute(attr);
      await expect(attribute).toEqual(value);
    });

  public async checkElementAttribute(locator: string, attr: string, value: string) {
    await test.step(`Get attribute: '${attr}' from element: '${locator}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      const attribute = await selector.getAttribute(attr);
      await expect(attribute).toEqual(value);

      const attribute = await selector.getAttribute(attr);
      await expect(attribute).toEqual(value);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async selectDropdownOption(locator: string, option: string) {
    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);

    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);
    });

  public async selectDropdownOption(locator: string, option: string) {
    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);

    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);
    });

  public async selectDropdownOption(locator: string, option: string) {
    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);

    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);
    });

  public async checkCheckbox(locator: string) {
    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await this.page.locator(locator).check();

    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await this.page.locator(locator).check();
      await expect(this.page.locator(locator)).toBeChecked();

      await this.page.locator(locator).check();
      await expect(this.page.locator(locator)).toBeChecked();
    });

  public async isCheckboxChecked(locator: string) {
    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await expect(this.page.locator(locator)).toBeChecked();

    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await expect(this.page.locator(locator)).toBeChecked();
    });

  public async checkCheckbox(locator: string) {
    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await this.page.locator(locator).check();

    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await this.page.locator(locator).check();
      await expect(this.page.locator(locator)).toBeChecked();

      await this.page.locator(locator).check();
      await expect(this.page.locator(locator)).toBeChecked();
    });

  public async isCheckboxChecked(locator: string) {
    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await expect(this.page.locator(locator)).toBeChecked();

    await test.step(`Check checkbox with locator '${locator}'`, async () => {
      await expect(this.page.locator(locator)).toBeChecked();
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async selectDropdownOption(locator: string, option: string) {
    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);

    await test.step(`Select '${option}' from dropdown with locator '${locator}'`, async () => {
      await this.page.locator(locator).selectOption(option);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async fillElement(locator: string, text: string) {
    await test.step(`Fill element locator: '${locator}' with text: '${text}'`, async () => {
      const selector = this.page.locator(locator);

      const selector = this.page.locator(locator);
      await selector.fill(text);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });

  public async waitForElement(locator: string) {
    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);

    await test.step(`Wait until element: '${locator}' is visible`, async () => {
      await this.page.waitForSelector(locator);
    });

  public async clickElement(locator: string) {
    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();

    await test.step(`Click element locator: '${locator}'`, async () => {
      await this.page.locator(locator).click();
    });


      expect(false).toEqual(true);
    });


  test.afterAll(async () => {
    console.log(`That's all, folks!`)

$Screenshot$

Download file_download

STAGE
,That's all, folks!

Download file_download

Title Status File Browser Duration Details

Run info

Summary

Files

Browsers

Status by test file

Status by browser

Overview

check Before Hooks913ms

check beforeAll hook | tests/E2E/first.spec.ts:1315ms

check fixture: browser777ms

check browserType.launch774ms

check fixture: context12ms

check browser.newContext8ms

check fixture: page91ms

check browserContext.newPage89ms

clear Register new user | Services/AutomationPractice.ts:969s 683ms

check Navigate to URL: 'http://automationexercise.com' | Pages/PageActions.ts:121s 680ms

check page.goto(http://automationexercise.com) | Pages/PageActions.ts:131s 672ms

check Wait until element: '[src="/static/images/home/logo.png"]' is visible | Pages/PageActions.ts:3831ms

check page.waitForSelector([src="/static/images/home/logo.png"]) | Pages/PageActions.ts:3929ms

check Click element locator: '[href="/login"]' | Pages/PageActions.ts:62506ms

check locator.click([href="/login"]) | Pages/PageActions.ts:63504ms

check Wait until element: '//h2[text()='New User Signup!']' is visible | Pages/PageActions.ts:3815ms

check page.waitForSelector(//h2[text()='New User Signup!']) | Pages/PageActions.ts:3913ms

check Fill element locator: '[data-qa="signup-name"]' with text: 'rdfkkajigs' | Pages/PageActions.ts:87269ms

check locator.fill([data-qa="signup-name"]) | Pages/PageActions.ts:89267ms

check Fill element locator: '[data-qa="signup-email"]' with text: 'autotest_20231116251449xoqij@test.com' | Pages/PageActions.ts:87269ms

check locator.fill([data-qa="signup-email"]) | Pages/PageActions.ts:89268ms

check Click element locator: '[data-qa="signup-button"]' | Pages/PageActions.ts:62473ms

check locator.click([data-qa="signup-button"]) | Pages/PageActions.ts:63471ms

check Wait until element: '//b[text()='Enter Account Information']' is visible | Pages/PageActions.ts:3814ms

check page.waitForSelector(//b[text()='Enter Account Information']) | Pages/PageActions.ts:3913ms

check Get attribute: 'value' from element: '[data-qa="name"]' | Pages/PageActions.ts:10011ms

check locator.getAttribute([data-qa="name"]) | Pages/PageActions.ts:1025ms

check expect.toEqual | Pages/PageActions.ts:1032ms

check Get attribute: 'value' from element: '[data-qa="email"]' | Pages/PageActions.ts:1006ms

check locator.getAttribute([data-qa="email"]) | Pages/PageActions.ts:1023ms

check expect.toEqual | Pages/PageActions.ts:1031ms

check Fill element locator: '[data-qa="password"]' with text: 'qwerty_1234' | Pages/PageActions.ts:87265ms

check locator.fill([data-qa="password"]) | Pages/PageActions.ts:89264ms

check Select '1' from dropdown with locator '[data-qa="days"]' | Pages/PageActions.ts:145289ms

check locator.selectOption([data-qa="days"]) | Pages/PageActions.ts:146287ms

check Select '1' from dropdown with locator '[data-qa="months"]' | Pages/PageActions.ts:145410ms

check locator.selectOption([data-qa="months"]) | Pages/PageActions.ts:146407ms

check Select '2015' from dropdown with locator '[data-qa="years"]' | Pages/PageActions.ts:145277ms

check locator.selectOption([data-qa="years"]) | Pages/PageActions.ts:146275ms

check Check checkbox with locator '[id="newsletter"]' | Pages/PageActions.ts:151308ms

check locator.check([id="newsletter"]) | Pages/PageActions.ts:152300ms

check expect.toBeChecked | Pages/PageActions.ts:1536ms

check Check checkbox with locator '[id="newsletter"]' | Pages/PageActions.ts:1587ms

check expect.toBeChecked | Pages/PageActions.ts:1596ms

check Check checkbox with locator '[id="optin"]' | Pages/PageActions.ts:151301ms

check locator.check([id="optin"]) | Pages/PageActions.ts:152295ms

check expect.toBeChecked | Pages/PageActions.ts:1534ms

check Check checkbox with locator '[id="optin"]' | Pages/PageActions.ts:1586ms

check expect.toBeChecked | Pages/PageActions.ts:1594ms

check Fill element locator: '[data-qa="first_name"]' with text: 'testfirstname' | Pages/PageActions.ts:87260ms

check locator.fill([data-qa="first_name"]) | Pages/PageActions.ts:89259ms

check Fill element locator: '[data-qa="last_name"]' with text: 'testlastname' | Pages/PageActions.ts:87265ms

check locator.fill([data-qa="last_name"]) | Pages/PageActions.ts:89263ms

check Fill element locator: '[data-qa="company"]' with text: 'testcompany' | Pages/PageActions.ts:87265ms

check locator.fill([data-qa="company"]) | Pages/PageActions.ts:89263ms

check Fill element locator: '[data-qa="address"]' with text: 'street 24/7, apt 44, P.O. box 02108' | Pages/PageActions.ts:87262ms

check locator.fill([data-qa="address"]) | Pages/PageActions.ts:89262ms

check Select 'United States' from dropdown with locator '[data-qa="country"]' | Pages/PageActions.ts:145259ms

check locator.selectOption([data-qa="country"]) | Pages/PageActions.ts:146258ms

check Fill element locator: '[data-qa="state"]' with text: 'MA' | Pages/PageActions.ts:87270ms

check locator.fill([data-qa="state"]) | Pages/PageActions.ts:89268ms

check Fill element locator: '[data-qa="city"]' with text: 'Boston' | Pages/PageActions.ts:87281ms

check locator.fill([data-qa="city"]) | Pages/PageActions.ts:89279ms

check Fill element locator: '[data-qa="zipcode"]' with text: '02108' | Pages/PageActions.ts:87269ms

check locator.fill([data-qa="zipcode"]) | Pages/PageActions.ts:89267ms

check Fill element locator: '[data-qa="mobile_number"]' with text: '+12562690950' | Pages/PageActions.ts:87277ms

check locator.fill([data-qa="mobile_number"]) | Pages/PageActions.ts:89276ms

check Click element locator: '[data-qa="create-account"]' | Pages/PageActions.ts:62662ms

check locator.click([data-qa="create-account"]) | Pages/PageActions.ts:63661ms

check Wait until element: '//b[text()='Account Created!']' is visible | Pages/PageActions.ts:3815ms

check page.waitForSelector(//b[text()='Account Created!']) | Pages/PageActions.ts:3914ms

check Click element locator: '[data-qa="continue-button"]' | Pages/PageActions.ts:62480ms

check locator.click([data-qa="continue-button"]) | Pages/PageActions.ts:63479ms